<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>


    <style>

        /*<!--父标签的属性直接影响里面的子类文字样式-->*/
        /*body{*/
            /*font-size: 30px;*/
            /*color: red;*/
             /*font-weight: bolder;*/

        /*}*/


        /*块级标签的布局性属性不能被继承*/
        /*div{*/
            /*background: url("img/7.jpg");*/
            /*cover大小等于背景大小*/
            /*background-size: cover;*/
            /*width: 300px;*/
            /*height: 300px;*/
            /*text-align: center;*/
            /*line-height: 300px;*/



            /*  display: inline-block; 不会被继承*/
            /*display: inline-block;*/

            /*直接隐藏了宽高也没了*/
            /*display: none;*/

            /*虽然隐藏了但是位置还在  占位*/
            /*visibility: hidden;*/
            /**/
            /*光标移上去变成一个手指*/
            /*cursor: pointer;*/

            /*光标移上去变成一个十字架*/
            /*cursor: crosshair;*/

        /*}*/
        span{
            background-color: blue;
            width: 150px;
            height: 150px;
            line-height: 300px;

        }

        a{
            /*去除下划线*/
            text-decoration: none;
        }

        .one{
            text-indent: 3%;

        }
        ul{
    /*list-style: square;左侧图案*/
            list-style: square;

        }


        #main{
            background-color: red;
            width: 90px;
            /*overflow隐藏标签多余部分*/
            overflow: auto;

        }
    </style>
</head>
<body>
    <!--<div>11111</div>-->
    <!--<span>2222</span>-->
    <!--<p>33333333</p>-->
    <div>
        <span>spanspanspanspan</span>


    </div>

    <p class="one">pppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppp</p>
    <p>pppppppppp</p>

    <a href="#">百度一下</a>
    <ul>
        <li>li</li>
        <li>li</li>
        <li>li</li>
        <li>li</li>
        <li>li</li>
        <li>li</li>
    </ul>

     <div id="main">div2div2div2div2div2</div>

</body>
</html>